<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        <!--类选择器的格式 .class 的名称{}
            好处：可以多个标签归类，是同一个class，可以复用
        -->
        .r{
            color: #ff79ff;
        }
        .pip{
            color: greenyellow;
        }
        .a{
            color: #f3ff5f;
        }
    </style>

    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<h1 class="a">标题1</h1>
<h1 class="r">标题2</h1>
<h1 class="a">标题3</h1>

<p class="pip">P标签</p>

</body>
</html>